[type="checkbox"]:checked.chk-col-blue + label:before {
   border-right: 2px solid #1e88e5;
   /* #02bec9; */
   border-bottom: 2px solid #1e88e5;
}

.title-bg {
    padding: 10px 10px;
    background: linear-gradient(to right, #095f99 0%, #2700ff00 50%, #07436a 100%);
    border-radius: 10px;
    font-weight: 700;
    color: black !important;
    font-size: 18px !important;
    text-align: center;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
.title-bg-red {
    padding: 10px 10px;
    background: linear-gradient(to right, #6b0000  0%, #2700ff00 50%, #6b0000  100%);
    border-radius: 10px;
    font-weight: 700;
    color: black !important;
    font-size: 18px !important;
    text-align: center;
    box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
.table-condensed thead th {
   border-radius: 0px !important;
}
.datepicker {
   background: transparent;
}
.table-condensed {
   border-radius: 10px !important;
   background: white;
   box-shadow: rgba(23, 43, 99, 0.7) 0 7px 28px;
}
.table-condensed thead {
   /* padding: 10px 10px; */
   background: linear-gradient(to right, #0099ff 0%, #00ffff 50%, #0099ff 100%);
   border-radius: 10px !important;
   /* font-weight: 700;
   color: black !important;
   font-size: 18px !important;
   text-align: center; */
   box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}
.table-condensed .day:hover {
   transition: background-image 1s ease-in-out !important;
}
.table-condensed .day:hover,
.table-condensed tfoot tr th:hover {
   /* padding: 10px 10px; */
   padding: 5px !important;
   background: linear-gradient(
      to left,
      #0099ff 0%,
      #00ffff 50%,
      #0099ff 100%
   ) !important;
   border-radius: 100px !important;
   color: black !important;
   /* font-weight: 700;
   font-size: 18px !important;
   text-align: center; */
   box-shadow: rgba(23, 43, 99, 1) 0 7px 28px;
   transition: background-color 1s ease-in-out;
}

.text-muted {
   color: #61697a !important;
}

.small,
small {
   font-size: 90%;
   font-weight: 400;
   padding-left: 12px;
}

.form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem !important;
   /* font-size: 0.875rem; */
   font-size: 1em;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1em !important;
   /* color: #54667a; */
   color: #020a14;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid gray !important;

   border-radius: 10px !important;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   /* border: 2px solid red; */
}

.control-label {
   color: black;
}

#rate-of-transfusion {
   border-right: 1px #54667a;
}

.input-group-text {
   display: flex;
   align-items: center;
   padding: 0.375rem 0.75rem;
   margin-bottom: 0;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
   color: #54667a;
   text-align: center;
   white-space: nowrap;
   background-color: #f2f4f8;
   border: 1px solid gray;
   border-radius: 4px;
   height: 35px;
}

.overide-table thead {
   border: 2px solid #1e88e5;
   margin-top: 0px !important;
}

.table-bordered td {
   border-right: 2px solid rgb(220, 219, 219);
   border-left: 2px solid rgb(220, 219, 219);

   text-align: center;

   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
   /* color: #54667a; */
   color: #020a14;
}

.table-bordered td .textarea {
   height: 45px;
}

.table select {
   width: fit-content !important;
   height: 40px !important;
}

 

.overide-table thead {
   background: #216097;
   color: #fff;
   border: 2px solid #1e88e5;
}

.testing {
   border: 2px solid red;
}

/* #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {
   margin-left: 20px;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"]
   .page-wrapper {
   margin-left: 20px;
} */

.section {
   border-right: 1px solid rgb(220, 219, 219);
   border-bottom: 1px solid rgb(220, 219, 219);
   border-left: 1px solid rgb(220, 219, 219);
   margin: 2em;
}

.carder {
   margin: 0px;
   /* padding: 10%; */
   /* min-width: 20vw; */
   width: 100%;
   background: #eaecf2;
   /* background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6); */
   padding: 40px 20px;
   color: black;

   border-radius: 30px;
   border: 4px solid #eaecf2;

   box-shadow: inset -3px -3px 3px rgba(255, 255, 255, 0.8),
      inset 3px 3px 10px rgba(0, 0, 0, 0.25);
}

.form, 
.input, 
.section,
.dropdown-label,
.table-responsive {
   color: black !important;
   background: #eaecf2 !important;
   border-width: 0;
   border-radius: 20px !important;
   padding: 10px;
   border: 4px solid #eaecf2 !important;

   box-shadow: -5px -5px 3px rgba(255, 255, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 0.25);
}

.flex-column .active,
.nav-tabs,
.textarea,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus {
   color: black !important;
   background: #eaecf2 !important;
   border-width: 0;
   border-radius: 10px !important;
   padding: 10px;
   border: 4px solid #eaecf2 !important;

   box-shadow: -5px -5px 3px rgba(255, 255, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 0.25);
   font-size: 110% !important;
}

.input:focus,
.textarea:focus,
.section:focus {
   /* box-sizing: border-box; */

   border: 4px solid #eaecf2;

   box-shadow: -5px -5px 3px rgba(255, 255, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 0.25),
      inset -3px -3px 3px rgba(255, 255, 255, 0.8),
      inset 3px 3px 10px rgba(0, 0, 0, 0.25);
   outline: none;
   /* border: 5px solid red; */
}

.dropdown-label:active {
   /* border: #eaecf2 !important; */
   /* scale: 0.95; */
   box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.25),
      5px 5px 5px rgba(255, 255, 255, 1),
      inset -5px -5px 3px rgba(255, 255, 255, 1),
      inset 3px 3px 5px rgba(0, 0, 0, 0.25);
   font-size: 85%;
}

.bg-info {
   width: 100%;
   /* border: 2px solid red; */
   /* margin: 0% 0% 0% -1%; */
   /* margin-right: 20%; */
}

.faded-background {
   /* width: 50%; */
   border-radius: 50%;
   border: 0px;
   background-image: linear-gradient(
      to right,
      #eaecf2,
      #eaecf2,
      #1e88e5,
      #1e88e5,
      #eaecf2,
      #eaecf2
   );
}

.inforce-background {
   background: #eaecf2 !important;
   /* background: #323743 !important; */
   /* border: 2px solid red; */
}

.input {
   height: 40px !important;
}

.dropdown-option input {
   height: fit-content !important;
}

body[data-theme="dark"] .customtab li a.nav-link.active,
body[data-theme="dark"] .profile-tab li a.nav-link.active {
   color: #1e88e5 !important;
   border-bottom: 2px solid #1e88e5 !important;
}

body[data-theme="dark"] .nav-tabs,
body[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
body[data-theme="dark"] .nav-tabs .nav-link.active,
body[data-theme="dark"] .flex-column .active,
body[data-theme="dark"] .nav-tabs .nav-link:focus,
body[data-theme="dark"] .form,
body[data-theme="dark"] .section,
body[data-theme="dark"] .bg-info,
body[data-theme="dark"] .dropdown-label,
body[data-theme="dark"] .form-control,
body[data-theme="dark"] .input,
body[data-theme="dark"] .table-responsive {
   /* border-color: #4f5467 !important; */
   color: #b2b9bf !important;
   box-shadow: -5px -5px 5px #2820ffcc, 5px 5px 10px rgba(0, 0, 0, 1);
   border: 4px solid #323743 !important;
   background: #323743 !important;
}

body[data-theme="dark"] .table td,
body[data-theme="dark"] label {
   color: #b2b9bf !important;
}

body[data-theme="dark"] .dropdown-list {
   background: linear-gradient(#323743, #40485c, #323743);
}

body[data-theme="dark"] .dropdown-option:hover {
   background: linear-gradient(#262a33, #40485c, #262a33) !important;
   /* background: black !important; */
   color: whitesmoke !important;
}

body[data-theme="dark"] .inforce-background {
   background: #323743 !important;
}

body[data-theme="dark"] .carder {
   /* margin: 50px 0; */
   /* padding: 10%; */
   width: 100%;
   background: #323743;
   /* background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6); */
   /* padding-top: 10px; */
   color: black;

   border-radius: 30px;
   border: 4px solid #323743;

   box-shadow: inset -3px -3px 10px rgba(40, 32, 255, 0.8),
      inset 3px 3px 10px rgba(0, 0, 0, 1);
}

body[data-theme="dark"] .input:focus,
body[data-theme="dark"] .textarea:focus,
body[data-theme="dark"] .section:focus {
   /* box-sizing: border-box; */

   border: 4px solid #323743;

   box-shadow: -5px -5px 3px rgba(40, 32, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 1), inset -3px -3px 3px rgba(40, 32, 255, 0.8),
      inset 3px 3px 10px rgba(0, 0, 0, 1);
   outline: none;
   /* border: 5px solid red; */
}

body[data-theme="dark"] .dropdown-label:active,
body[data-theme="dark"] select:active {
   border: none !important;
   /* border: #eaecf2 !important; */
   /* scale: 0.95; */
   box-shadow: 5px 5px 5px rgba(40, 32, 255, 0.25),
      -5px -5px 5px rgba(0, 0, 0, 1), inset -5px -5px 3px rgba(40, 32, 255, 0.5),
      inset 3px 3px 5px rgba(0, 0, 0, 0.5);
   font-size: 85%;
}

body[data-theme="dark"] .dropdown-label:hover,
body[data-theme="dark"] select:hover {
   border-color: #323743 !important;
}

body[data-theme="dark"] .card-body > .nav,
body[data-theme="dark"] .navbar-collapse,
body[data-theme="dark"] .navbar-brand,
body[data-theme="dark"] .overide-table thead,
body[data-theme="dark"] .nav-tabs .nav-link.active {
   background: linear-gradient(#262a33, #40485c, #262a33) !important;
   border: none !important;
   color: #009efb !important;
   font-size: 120% !important;
   /* border-radius: 0px !important; */
}

.flex {
   /* max-width: 50vw; */
   height: 55vh;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   overflow-y: auto;
   overflow-x: hidden;
   margin-bottom: 5px;
}

::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-track {
   background: transparent;
}

::-webkit-scrollbar-thumb {
   border-radius: 50px;
   background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
   background: blue;
}

/* ::-webkit-scrollbar-track {
   background: #262a33;
}

::-webkit-scrollbar-thumb {
   background: rgba(40, 32, 255, 0.5);
}

::-webkit-scrollbar-thumb:hover {
   background: blue;
} */

#v-pills-tab {
   height: 57vh;
   display: block;
   overflow-y: auto;
   transform: scaleX(-1);
   padding: 1rem;
   /* padding: 1rem; */
   margin-left: 1rem;
   margin-bottom: 1rem;
   color: black !important;
   /* background: #eaecf2 !important;
   border-width: 0;
   border-radius: 20px !important;
   padding: 10px;
   border: 4px solid #eaecf2 !important;

   box-shadow: -5px 5px 3px rgba(255, 255, 255, 0.8),
      -5px 5px 10px rgba(0, 0, 0, 0.25); */
}

.re-flip {
   transform: scaleX(-1) !important;
   text-align: right;
}

.observation-label {
   padding: 0.5rem;
}

.observation-div {
   /* border: 2px solid red !important; */
   min-width: 160px;
   margin: 1rem;
}

.d-non {
   /* min-width: 100px; */
   border-bottom: 2px solid rgba(128, 128, 128, 0.784);
}

#tab-for-table {
   height: 0px;
   width: 0px;
   overflow: hidden;
}
@media (max-width: 1200px) {
   #the-table {
      height: 0px;
      width: 0px;
      overflow: hidden;
   }
   #tab-for-table {
      height: fit-content;
      width: fit-content;
   }
}

/* @media (max-width: 2000px) {
   #the-table {
      height: fit-content;
   }
   #tab-for-table {
      height: 0px;
      overflow: hidden;
   }
} */

.vertical-tab {
   margin-left: 3.33%;
   width: 20%;
   /* border: 2px solid rgb(110, 255, 110); */
}

.vertical-tab-content {
   margin-left: 3.33%;
   width: 70%;
   /* border: 2px solid blue; */
}

@media (max-width: 1000px) {
   .vertical-tab {
      margin-left: 3.33%;
      width: 25%;
      /* border: 2px solid rgb(110, 255, 110); */
   }

   .vertical-tab-content {
      margin-left: 3.33%;
      width: 65%;
      /* border: 2px solid blue; */
   }
   .col-md-3,
   .col-md-9 {
      min-width: 100% !important;
      /* border: 2px solid red !important; */
   }

   .form-group {
      display: flex !important;
      flex-wrap: wrap !important;
   } 
}

@media (max-width: 850px) {
   .vertical-tab {
      margin-left: 3.33%;
      width: 30%;
   }

   .vertical-tab-content {
      margin-left: 3.33%;
      width: 60%;
   }
   .observation-div {
      min-width: 100%;
   }
}

@media (max-width: 768px) {
   .vertical-tab {
      margin-left: 3.33%;
      width: 35%;
   }

   .vertical-tab-content {
      margin-left: 3.33%;
      width: 55%;
   }
   .observation-div {
      margin-top: 0rem;
   }
}

@media (max-width: 650px) {
   /* .vertical-tab {
      margin-left: 3.33%;
      width: 35%;
   }

   .vertical-tab-content {
      margin-left: 3.33%;
      width: 55%;
   }
   .observation-div {
      margin-top: 0rem;
   } */
   body {
      padding: 0px !important;
   }

   .container-fluid,
   .col-md-12 {
      width: 100% !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-left: 0px !important;
      margin-right: 0px !important;
      /* font: 50% !important; */
   }
   .form,
   .card-body,
   .section,
   .col-md-12 > .carder {
      box-shadow: none !important;
      /*padding: 0px;*/
   }
   .section {
      margin-left: 0px !important;
      margin-right: 0px !important;
   }

   .vertical-tab,
   .vertical-tab-content {
      font-size: 75% !important;
   }

   .card-title {
      font-size: 99% !important;
   }
}

#main-wrapper[data-layout="vertical"][data-boxed-layout="boxed"] {
   #the-table {
      height: 0px;
      width: 0px;
      overflow: hidden;
   }
   #tab-for-table {
      height: fit-content;
      width: fit-content;
   }
}

/* =-==================================================== */

.button {
   /* padding: 0.75em 2em; */
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   /* border: 1px solid #2194e0; */
   /* background: rgba(14, 9, 165, 0.663) !important; */
   height: fit-content;
   /* font-size: 24px; */
   display: inline-block;
   border-radius: 0.7em;
   transition: all 0.2s ease-in-out;
   position: relative;
   overflow: hidden;
   /* -webkit-animation: pulse 1.5s infinite; */
}

.button:before {
   content: "";
   background-color: rgba(255, 255, 255, 0.5);
   height: 100%;
   width: 3em;
   display: block;
   position: absolute;
   top: 0;
   left: -4.5em;
   transform: skewX(-45deg) translateX(0);
   transition: none;
}

.button:hover {
   -webkit-animation: none;
   color: black !important;
   background: #eaecf2 !important;
   border: 2px solid #eaecf2;
   /* scale: 0.98; */

   box-shadow: -5px -5px 3px rgba(255, 255, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 0.25), inset -5px -5px 3px rgba(0, 0, 0, 0.25),
      inset 3px 3px 5px rgba(255, 255, 255, 1);

   /* background: linear-gradient(#323743, #515b73, #323743);
   color: #fff;
   box-shadow: -5px -5px 5px rgba(40, 32, 255, 0.8),
   5px 5px 10px rgba(0, 0, 0, 1); */
   /* border: 4px solid #323743 !important; */
}
.button:active {
   border: 0px;
   /* background: #eaecf2 !important; */
   box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.25),
      5px 5px 5px rgba(255, 255, 255, 1),
      inset -5px -5px 3px rgba(255, 255, 255, 1),
      inset 3px 3px 5px rgba(0, 0, 0, 0.25) !important;
   /* font-size: 165%; */
   scale: 0.95;

   /* background: linear-gradient(#323743, #515b73, #323743);
   color: #fff;
   box-shadow: -5px -5px 5px rgba(0, 0, 0, 1),
      5px 5px 10px rgba(40, 32, 255, 0.8);
   scale: 0.95;
   border: 4px solid #323743 !important; */
}
.button:hover:before {
   transform: skewX(-45deg) translateX(13.5em);
   transition: all 0.5s ease-in-out;
}

body[data-theme="dark"] .button {
   border: 1px solid #2194e0;
}
body[data-theme="dark"] .button:hover {
   background: linear-gradient(#1a1f29, #6a7795, #1a1f29) !important;
   color: #fff !important;
   box-shadow: -5px -5px 5px rgba(40, 32, 255, 0.8),
      5px 5px 10px rgba(0, 0, 0, 1);
   border: 2px solid #2194e0;
}

body[data-theme="dark"] .button:active {
   /* border: none; */
   /* border: #eaecf2 !important; */
   /* scale: 0.95; */
   background: transparent !important;
   color: rgba(255, 255, 255, 0.7) !important;
   box-shadow: 5px 5px 5px rgba(39, 32, 255, 0), -5px -5px 5px rgba(0, 0, 0, 0),
      inset -5px -5px 5px rgba(40, 32, 255, 0.8),
      inset 3px 3px 5px rgba(0, 0, 0, 0.5) !important;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"]
   .left-sidebar:hover
   .sidebar-nav
   ul
   .sidebar-item
   .sidebar-link {
   padding-left: 12px !important;
   /* border: 1px solid red !important; 
   overflow-y: scroll;*/
}

.left-sidebar:hover {
   position: absolute;
   width: 240px;
   /* height: 100%; */
   top: 0;
   padding-top: 70px;
   z-index: 10;
   background: #fff;
   box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
   transition: 0.4s ease-in all !important;
}

#main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"]
   .sidebar-nav
   ul
   .sidebar-item
   .sidebar-link {
   padding-top: 8px !important;
   padding-bottom: 8px !important;
   overflow: hidden;
}

.form-line {
   margin-top: 12px;
   margin-bottom: 12px;
}
.form-line {
   padding: 12px 10px;
   margin: 12px 4px;
   border-radius: 30px;
   position: relative;
   width: 100%;
   transition: background-color 0.15s;
}
.form-line-column {
   width: calc(50% - 8px);
}
.form-col-1 {
}

.form-input-wide {
}
.form-sub-label-container {
}
.form-textbox {
}
.form-sub-label {
}

.form-line,
div.page-section {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: start;
   align-items: flex-start;
}

.form-label.form-label-auto {
   display: block;
   float: none;
   text-align: left;
   width: 100%;
}
.form-line-column .form-label {
   text-align: left !important;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html,
.form-checkbox-item label,
.form-radio-item label,
span.FITB .qb-checkbox-label,
span.FITB .qb-radiobox-label,
span.FITB .form-radio label,
span.FITB .form-checkbox label,
[data-blotid][data-type="checkbox"] [data-labelid],
[data-blotid][data-type="radiobox"] [data-labelid],
span.FITB-inptCont[data-type="checkbox"] label,
span.FITB-inptCont[data-type="radiobox"] label {
   color: #2c3345;
}
.form-label {
   font-family: Inter, sans-serif;
}
.form-label {
   color: #2c3345;
}
.form-label-top {
   width: 100%;
   margin-left: 2px;
   margin-bottom: 14px;
}
.form-label {
   display: inline-block;
   font-weight: 500;
   word-break: break-word;
}
.form-all {
   font-size: 16px;
}
.form-all {
   font-family: Inter, sans-serif;
}

div:not([data-payment="true"]) [data-wrapper-react="true"] {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start;
}
div[data-wrapper-react="true"] {
   display: block;
}

div[data-type="control_fullname"] .form-sub-label-container {
   min-width: 0;
}
.form-sub-label-container {
   -ms-flex: 1 1 100%;
   flex: 1 1 100%;
}

.form-line:not(.fixed-width) .form-dropdown,
.form-line:not(.fixed-width) .form-spinner,
.form-line:not(.fixed-width) .form-textarea,
.form-line:not(.fixed-width)
   .form-textbox:not(.time-dropdown):not(#productSearch-input),
.form-line:not(.fixed-width) .signature-pad-passive {
   min-width: 100%;
   max-width: 100%;
}
.form-dropdown,
.form-textarea,
.form-textbox:not(#productSearch-input),
.signature-wrapper {
   font-size: 1em;
   border-radius: 4px;
   border-width: 1px;
   border-style: solid;
   display: block;
   min-width: 100%;
   font-family: inherit;
}
.form-line-column:not(.fixed-width) .form-dropdown,
.form-line-column:not(.fixed-width) .form-textarea,
.form-line-column:not(.fixed-width) .form-textbox {
   width: 100% !important;
}
.form-textarea,
.form-textbox:not(.validate[Email]),
.question-wrapper .form-dropdown {
   width: 100%;
}
.form-dropdown:hover,
.form-textarea:hover,
.form-textbox:hover,
.signature-wrapper:hover,
.calendar.popup:before,
.jSignature:hover,
li[data-type="control_fileupload"] .qq-upload-button-hover,
.form-line[data-payment="true"] .form-product-item .p_checkbox .checked,
.form-line[data-payment="true"]
   .form-product-item
   .p_checkbox:hover
   .select_border,
.form-checkbox:hover + label:before,
.form-checkbox:hover + span:before,
.form-radio:hover + label:before,
.form-radio:hover + span:before,
.calendar.popup:before {
   border-color: rgba(46, 105, 255, 0.5);
   /* box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25); */
}
.appointmentSlot,
.form-checkbox:checked + label:before,
.form-checkbox:checked + span:before,
.form-checkbox:checked + span label:before,
.form-radio:checked + label:before,
.form-radio:checked + span:before,
.form-dropdown:focus,
.form-textarea:focus,
.form-textbox:focus,
.signature-wrapper:focus,
.form-line[data-payment="true"] .form-product-item .p_checkbox .checked,
.form-dropdown:hover,
.form-textarea:hover,
.form-textbox:hover,
.signature-wrapper:hover {
   border-color: #2e69ff;
}
.form-dropdown:hover,
.form-textarea:hover,
.form-textbox:hover,
.signature-pad-passive:hover,
.signature-wrapper:hover {
   border-color: rgba(46, 105, 255, 0.5);
   box-shadow: 0 0 0 2px rgba(46, 105, 255, 0.25);
}
.form-textbox,
.form-textarea,
.form-dropdown,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input {
   background-color: #ffffff;
}
.form-dropdown,
.form-textarea,
.form-textbox,
li[data-type="control_fileupload"] .qq-upload-button,
.rating-item label,
.rating-item input:focus + label,
.rating-item input:checked + label,
.jf-form-buttons,
.form-checkbox + label:before,
.form-checkbox + span:before,
.form-radio + label:before,
.form-radio + span:before,
.signature-pad-passive,
.signature-wrapper,
.appointmentCalendarContainer,
.appointmentField .timezonePickerName,
.appointmentDayPickerButton,
.appointmentCalendarContainer .monthYearPicker .pickerItem + .pickerItem,
.appointmentCalendarContainer .monthYearPicker,
.appointmentCalendar .calendarDay.isActive .calendarDayEach,
.appointmentCalendar .calendarDay.isToday .calendarDayEach,
.appointmentCalendar .calendarDay:not(.empty):hover .calendarDayEach,
.calendar.popup:before,
.calendar-new-month,
.form-matrix-column-headers,
.form-matrix-table td,
.form-matrix-table td:last-child,
.form-matrix-table th,
.form-matrix-table th:last-child,
.form-matrix-table tr:last-child td,
.form-matrix-table tr:last-child th,
.form-matrix-table tr:not([role="group"]) + tr[role="group"] th,
.form-matrix-headers.form-matrix-column-headers,
.isSelected .form-matrix-column-headers:nth-last-of-type(2),
li[data-type="control_inline"] input[type="email"],
li[data-type="control_inline"] input[type="number"],
li[data-type="control_inline"] input[type="tel"],
li[data-type="control_inline"] input[type="text"] {
   border-color: #b8bdc9;
}
.form-textbox,
.form-textarea {
   color: undefined;
}
.form-dropdown,
.form-textarea,
.form-textbox,
.signature-pad-passive,
.signature-wrapper {
   background-color: #fff;
   border-color: #b8bdc9;
   color: #2c3345;
}
.form-dropdown:not([size]),
.form-textbox {
   height: 2.5em;
}
.form-textbox {
   padding: 0 0.625em;
} 
span.form-sub-label,
label.form-sub-label,
div.form-header-group .form-subHeader,
.rating-item-title.for-to > label:first-child,
.rating-item-title.for-from > label:first-child,
.rating-item-title .editor-container * {
   color: #57647e;
}
.form-sub-label {
   color: #464d5f;
}
.form-sub-label {
   color: #57647e;
}
.form-sub-label {
   font-size: 0.75em;
   margin-top: 11px;
   margin-left: 2px;
   display: block;
   word-break: break-word;
}